<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #list {
            width: 500px;
            margin: 0 auto;
        }

        #list li {
            width: 500px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 20px;
            /* color: aliceblue; */
        }
    </style>
</head>

<body>
    <ul id="list">
        <li>我如果爱你</li>
        <li>绝不像攀援的凌霄花</li>
        <li>借你的高枝炫耀自己</li>
        <li>我如果爱你</li>
        <li>绝不学痴情的鸟儿</li>
        <li>为绿荫重复单调的歌曲</li>
        <li>也不止像泉源</li>
        <li>常年送来清凉的慰藉</li>
        <li>也不止像险峰</li>
        <li>增加你的高度，衬托你的威仪</li>
        <li>甚至日光</li>
        <li>甚至春雨</li>
    </ul>
    <script>
        // var lis = document.getElementsByTagName("li")

        // for (var i = 0; i <= lis.length; i++) {
        //     if (i % 2 == 0) {
        //         // 偶数行
        //         lis[i].style.background = "pink"
        //     } else {
        //         // 奇数行
        //         lis[i].style.background = "skyblue"
        //     }
        // }

        // for (var i = 0; i <= 20; i++) {
        //     console.log(i)
        // }


        var i = 0;
        while (i <= 20) {
            console.log(i)
            i++
        }
    </script>
</body>

</html>